Set up your tags and tracking according to best practices
Adding tagging is a key step in the onboarding and launch process of your Nyla site. This article walks you through what you should do in order to get this right.
We suggest you carry out the following steps:
- Identify which tags to add to your site
- Activate your Native tags
- Add additional tags to Google Tag Manager and configure consent mode
- Ensure Shopify native tagging for checkout and beyond is added
- Set up your consent banner
- QA your analytics to ensure pixels are firing as expected and consent mode is set up correctly
Identify Tags and Tracking
When moving to Nyla, you should identify the list of tags and tracking that you need so that you can add them to your new site.
Common tags include:
- Ad pixels like Meta (Facebook & Instagram), Pinterest, Snap or TikTok
- Analytics platforms like Google Analytics (GA4)
- Apps that have functionality relying on customer data: like Klaviyo or Attentive
- Affiliate platforms like Impact or Superfiliate
Important: When identifying your tags, you should ensure to note whether the tag also needs to be added to Shopify checkout, the Nyla site or both.
- Any tags that need to be added in checkout will also need to be in Shopify.
- Any tags that need to be added to the site need to be added to Nyla via native pixels or via Google Tag Manager.
- If tags need to be on checkout and on the site, they should be added to both Shopify and Nyla.
For example, if tags need to measure conversions they typically need to be added to both Shopify and the Nyla site.
If you have an existing site, you can review your current site in order to see what tags you have.
Note: If you are going through a paid Nyla Onboarding with an onboarding partner, your onboarding partner will do this step on your behalf as part of your analytics stack review.
Whilst these checks help to identify tags firing on the site, it is possible that some tags might not be discovered, so you should make sure to add/confirm any pixels that are missing in your analytics stack review.
In order to know what tags you have on your site, we recommend that you:
- Use a tool like Omnibug.io to easily check which tags are loading on your site (screen recording below)
- Check for Web Pixels enabled in Shopify under Settings -> Customer Events (assuming you're using Checkout Extensibility in Shopify). Here's a recording of how to do that:
- Check with your team internally
- If Google Tag Manager (GTM) is active on your site, review tags in GTM.
- To be really sure you haven't missed something, check whether there are any App blocks being injected into your theme, review the source code of your Shopify theme, and look through "Additional Scripts" in Shopify checkout settings.
Any time you find a tag you want to keep, copy down its ID -- you'll need that in a later step.
Activate Nyla Native tagging
Once you have identified the list of tags that you need to add to your site, you should activate the tags that are supported natively by Nyla first.
If Nyla has native support for your tags, we strongly suggest using the native integration in order to make sure that you receive updates to your pixel over time.
You can see this list here along with links to instructions for each tag.
Add custom tags in Google Tag Manager and configure consent mode
After adding native tags, remaining tagging should be added to your Google Tag Manager (GTM) container.
We recommend to start with a fresh container on launching a Nyla site in order to optimise performance and remove unnecessary legacy implementations. See instructions on how to add your GTM container to Nyla.
You should add all tags that are not included in the list of Nyla native tags to your GTM container using the Nyla data layer.
Important: If using Nyla's consent mode integration with GTM, you should ensure that all tags are configured to respect customer consent preferences within GTM.
Ensure Shopify tags are added
Finally, ensure that all tags that require being added from checkout onwards in the shopping flow have been added to Shopify.
You should follow the relevant documentation for each vendor in order to do so and reach out to vendors individually for support if required.
See here for more information on why this is necessary.
Set up your consent banner
You should ensure you have a consent banner set up in order to capture customer consent. See here for more information.
Test your tags are firing as expected
After your tags have been added, you should make sure that all pixels are firing as expected on the site and in checkout as expected.